﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="~/Content/libs/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/libs/bootstrap/css/bootstrap-united.css" rel="stylesheet" />
    <link href="~/Content/libs/bootstrap/css/sticky-footer-navbar.css" rel="stylesheet" />

    <style>
        body {
            height: 158px;
            background: #24a1e6 url(/content/images/blackboard.jpg) top center repeat;
        }
    </style>
    @RenderSection("styles", false)
</head>
<body id="commonApp" ng-app="commonApp">

    <div id="centerBoxDiv">
        <h1> {{1 + 1}}</h1>
        @RenderBody()
    </div>
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <script src="~/Content/libs/jquery/jquery-1.8.2.js"></script>
    <script src="~/Content/libs/bootstrap/js/bootstrap.js"></script>
    <script src="~/Content/libs/angular/angular.js"></script>
    <script src="~/Content/libs/angular/ui-bootstrap/ui-bootstrap-tpls-0.11.0.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="~/Content/libs/bootstrap/js/ie10-viewport-bug-workaround.js"></script>

    <script src="~/Content/scripts/zqnb.js"></script>
    <script src="~/Content/scripts/common/commonApp.js"></script>

    @RenderSection("scripts", false)

    <script>
        $('#centerBoxDiv').css({
            'margin-top': function () {
                return ($(this).height() / 2);
            }
        });
    </script>
</body>
</html>
